<template>
  <div>
	  <div class="container-fluid content">
		  <div class="row">

			  <!-- Main Page -->
			  <div class="main " style="min-height: 950px;">
				  <!-- Page Header -->
				  <div class="page-header">
					  <div class="pull-left">
						  <ol class="breadcrumb visible-sm visible-md visible-lg">
							  <li><a href="#"><i class="icon fa fa-home"></i>后台管理</a></li>
							  <li><a>{{ breadcrumb }}</a></li>
						  </ol>
					  </div>
					  <div class="pull-right">
						  <h2>{{ breadcrumb }}</h2>
					  </div>
				  </div>
				  <slot></slot>
			  </div>
			  <!-- End Main Page -->

		  </div>
	  </div>
  </div>
</template>
<script>

	import {mapGetters} from 'vuex'

	export default{
		name: 'breadcrumb',
		computed: {
			...mapGetters({
				breadcrumb: 'getBreadcrumb'
			})
		},
		data () {
			return {
				classids: ''
			}
		},
		methods: {
			goItems (ids) {

				// 每个分馆
				this.classids = ids
				//	this.$store.dispatch('fetchProductsData', ids)
			}
		},
		beforeDestroy () {

			// 全球
			//	this.$store.dispatch('fetchProductsData', this.classids)

		},
		components: {
		}
	}
</script>

<style>

</style>